/* Date Display */
.datepicker-date-display {
  background-color: #E9752D !important;
  color: #fff !important;
}

.datepicker-table td.is-today {
  color: #eeeeee !important;
}

.datepicker-table td.is-selected {
  background-color: #E9752D !important;
  color: #eeeeee !important;
}

.datepicker-day-button:focus {
  background-color: rgba(43, 161, 150, 0.25) !important;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  color: #E9752D !important;
  padding: 0 1rem !important;
}

.datepicker-clear {
  color: #eeeeee !important;
}

#jumbotron {
    background-image: url("https://filemanager-prod.maketraveleasier.com/Remote+Airline+Check-in/RAC+Enrollment+Site/CustomSites/OCCC/OCCCBackground.jpg");
}

#jumbotron_kiosk {
    background-image: url("https://filemanager-prod.maketraveleasier.com/Remote+Airline+Check-in/RAC+Enrollment+Site/CustomSites/OCCC/OCCCBackground.jpg");
}


button:focus {
  outline: none;
  background-color: #E9752D !important;
}

nav {
  color: #E9752D !important;
  background-color: #E9752D !important;
}

.btn, .btn-large {
  color: #ffffff !important;
  background-color: #E9752D !important;
}

.btn:hover, .btn-large:hover {
  background-color: #58B54D !important;
}

.btn-floating {
  color: #ffffff !important;
  background-color: #E9752D !important;
}

.btn-floating:hover {
  background-color: #58B54D !important;
}

.btn:focus, .btn-large:focus,
.btn-floating:focus{
  background-color: #E9752D !important;
}

.dropdown-content {
  background-color: #ffffff !important;
}
.dropdown-content li > a, .dropdown-content li > span {
  color: #212121 !important;
}

.dropdown-content li {
  color: #212121 !important;
}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
  background-color: #eee !important;
}

.dropdown-content li.active.selected {
  background-color: #e1e1e1 !important;
}

/* Clock Digital Display */
.timepicker-digital-display {
  background-color: #E9752D !important;
}

.timepicker-close {
    color: #E9752D !important;
}

.timepicker-tick.active, .timepicker-tick:hover {
     background-color: #eeeeee !important;
    background-color: rgba(238, 238, 238, 0) !important;
}

/*The for in the middle of the clock*/
.timepicker-canvas-bearing {
  stroke: none !important;
  fill: #E9752D !important;
}

/*The circle that selects the time*/
.timepicker-canvas-bg {
  stroke: none !important;
  fill: #E9752D !important;
}

/*The line in between*/
.timepicker-canvas line {
  stroke: #E9752D !important;
  stroke-width: 4 !important;
  stroke-linecap: round !important;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #E9752D !important;
  -webkit-box-shadow: 0 1px 0 0 #E9752D !important;
          box-shadow: 0 1px 0 0 #E9752D !important;
}
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #E9752D !important;
}